<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hope2</title>

    <link rel="stylesheet" href="https://lib.baomitu.com/bulma/0.9.1/css/bulma.css">
    <link rel="shortcut icon" href="/favicon.ico">
    <script src="https://lib.baomitu.com/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://code.highcharts.com.cn/highstock/8.2.2/highstock.js"></script>
    <script src="https://code.highcharts.com.cn/highstock/8.2.2/modules/exporting.js"></script>
    <script src="https://code.highcharts.com.cn/highstock/8.2.2/modules/data.js"></script>
    <script src="https://code.highcharts.com.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
    <script>
        $(document).ready(function () {

            var options = {
                chart: {
                    renderTo: 'container',
                    type: 'spline'
                },
                title: {
                    text: '28模型策略收益比较',
                },
                xAxis: {
                    categories: []
                },
                series: [
                    {
                        name: 'r1'
                    },
                    {
                        name: 'r2'
                    },
                    {
                        name: 'base300'
                    },
                    {
                        name: 'base500'
                    },
                    {
                        name: 'index300'
                    },
                    {
                        name: 'index500'
                    }
                ]
            };

            $.getJSON('28/compare?startDate=2005-02-04', function (data) {
                options.xAxis.categories = data.category;
                options.series[0].data = data.r1;
                options.series[1].data = data.r2;
                options.series[2].data = data.base300;
                options.series[3].data = data.base500;
                options.series[4].data = data.index300;
                options.series[5].data = data.index500;
                var chart = new Highcharts.Chart(options);
            });
        });
    </script>
</head>
<body class="layout-default">
<nav id="navbar" class="bd-navbar navbar has-shadow is-spaced">
    <div class="container">
        <div class="navbar-brand">
            <a class="navbar-item" href="https://qianyitian.com/">
                <img style="height:36px;width:36px;" src="https://img.qianyitian.com/icon/logo.png" >  <h4 class="title is-3">Hope2</h4>
            </a>
        </div>


    </div>
</nav>


<section class="section">
    <div class="container">
        <div id="container" style="min-width:400px;height:400px"></div>
    </div>
</section>


<section class="section">
    <div class="container">
        <div class="heading block" >
            r1版本：每周五(或者本周的最后一个交易日)临近收盘时，查看沪深300指数和中证500指数周线，查看两者过去四周的累计涨幅。买入涨幅较大的指数并持有一周，直至下一次切换。
        </div>
        <p class="heading block">
            r2版本：每周五(或者本周的最后一个交易日)临近收盘时，查看沪深300指数和中证500指数周线，查看两者过去四周的累计涨幅。涨幅大的那个指数在四周中能够获得正回报，那么在收盘前买入对应的指数持有一周，直至下一次的切换；如果过去四周涨幅大的那个指数在四周中依然是亏损的，那么就选择空仓，直至下一次切换。
        </p>
        <p class="heading block">
            base300版本：基于r2版本，但是只关注沪深300指数
        </p>
        <p class="heading block">
            base500版本：基于r2版本，但是只关注中证500指数
        </p>
        <p class="heading block">
            300版本：一直持有沪深300指数
        </p>
        <p class="heading block">
            500版本：一直持有中证500指数
        </p>
    </div>
</section>



</body>
</html>